<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>Top 1案例</title>
    <script src="js/jq.js"></script>
</head>

<body>
    <h1>标题</h1>
    <hr>

    <p>段落</p>
    <hr>

    <a class="xiaohe" href="https://pb.nichi.co/forward-bike-injury">链接 </a>
    <img src="file://内部储存/0/DCIM/Camera/IMG_20211017_125244.jpg" width="300" height="60">
    <!--注释-->
    <hr>

    <a id="aminn" href="https://pb.nichi.co/town-voyage-risk" target="_blank">链接 </a>
    <a></a>
    <img src="IMG_20211018_074613.jpg" width="300" height="60">
    <!--注释-->
    <hr>

    <font size="5">五号字体</font>
    <p>分<br>行</p>
    <b>加粗文本</b>
    <br>

    <!--"b"="strong"-->
    <i>斜体文本</i>
    <br>
    <br>
    <!--"i"="em"-->
    <code>电脑自动输出</code>
    <br>
    <br> 这是
    <sub> 下标</sub> 和
    <sup> 上标</sup>
    <small>这个文本是缩小的</small>
    <!--"small"or"big"-->&lt;！"文本格式化"&gt;
    <hr>
    <pre>此例演示如      何使用 pre 标签
对空行和 空格
进行控制
</pre>
    <!--"控制空格"-->
    <hr>

    <code>计算机输出</code>
    <br>
    <kbd>键盘输入</kbd>
    <br>
    <tt>打字机文本</tt>
    <br>
    <samp>计算机代码样本</samp>
    <br>
    <var>计算机变量<var></var><br>
    <!--"常用于显示计算机/编程代码。"-->
    <hr> <address> Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> Visit us at:<br> Example.com<br> Box 564, Disneyland<br> USA </address>
    <!--"地址"-->

    <hr> <abbr title="etcetera">etc.</abbr> <br> <acronym title="World Wide Web">WWW</acronym>
    <p>
        在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
    <p>仅对于 IE 5 中的 acronym 元素有效。</p>
    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
    <!--"缩写和首字母缩写"-->
    <hr>
    <p>该段落文字从左到右显示。</p>
    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
    <!--"显示方向"-->
    <hr>
    <p id="v1">段落1</p>
    </var>

    <q>引用</q>
    <blockquote cite="http://www.worldwildlife.org/who/index.html">
    </blockquote>
    <hr>
    <img src="\Mi10S\QQ_Images\2aee368a1c04f2e3.jpg" alt="tupian" width="300">
    <img src="\Mi10S\Camera\1623724161189.jpeg" alt="图片" width="300">



</body>

</html>